<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>${webConfig.name}</title>
    <meta name="keywords" content="${webConfig.keyword}">
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/index.css">
    <style type="text/css">
        .sidebar-wrapper { position: relative; height: 100%; overflow: auto;}
        #sucaihuo { background-color: #4bb19f;}
        #sucaihuo .nav { margin-top: 20px; padding-left: 20px; line-height: 40px; list-style-type: none;}
        #sucaihuo .nav a { display: block; font: 100 16px/40px '微软雅黑'; color: #f7f7f7; text-decoration: none;}
        #sucaihuo .nav a:hover { background-color: #4bb19f;}
        [data-simplersidebar='active'] { box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}
        .inm2_tab1 img{width: 203px; height: 130px;}
        .inm3_le img{width: 170px; height: 160px;}
        .weui-article{padding: 0px;}
    </style>
</head>
<body style="background-color: #F8F8F8">
<div class="sidebar" id="sucaihuo">
    <div class="sidebar-wrapper" id="sidebar-wrapper">
        <ul class="nav">
            <#list navigationList as navigation>
                <li><a href="${navigation.url}">${navigation.name}</a></li>
            </#list>
        </ul>
    </div>
</div>
<div style="background: #ffffff; position: fixed; left: 0px; top: 0px;border-bottom: 1px solid #f4f4f4;height: 2.5rem; z-index: 999; width: 100%;">
    <div style="width: 15%; float: left;">
        <img id="menu" src="${s.base}/mobile/img/147.png" style="height: 1.5rem;padding: 0.5rem 0px 0.5rem 0.3rem;">
    </div>
    <div style="width: 70%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: auto; text-align: center; float: left;line-height: 2.5rem;font-size: 16px;">
        预约产品
    </div>
    <div style="width: 15%; height: auto; text-align: right;  float: left;">
    </div>
    <div style="clear: both;"></div>
</div>
<div style="width: 100%; height: 2.5rem;"></div>
<div id="swiper" class="swiper-container" data-pagination='.swiper-pagination' data-autoplay="1000">
    <div class="swiper-wrapper">
        <#list bannerList as banner>
            <div class="swiper-slide">
                <a href="${banner.url!'javascript:void(0)'}"><img style="width:100%;height: 175px" src="${banner.image}"/></a>
            </div>
        </#list>
    </div>
</div>
    <div class="news">
        <div class="newlist">
            <#list productList as product>
                <div class="newsBlock">
                    <img src="${product.showPic}" alt="" onclick="goProductDesc('${product.id}')">
                    <div class="newsBlock_right" onclick="goProductDesc('${product.id}')">
                        <h3>${product.title}</h3>
                        <p class="span_p">${product.description}</p>
                        <div class="date">
                            <p>${product.createTime?string('yyyy-MM-dd HH:mm')}</p>
                        </div>
                    </div>
                </div>
            </#list>
        </div>
    </div>

<div style="width:100%;height:65px">

</div>
<div id="tarBar">
    <div class="tarbarFont " onclick="goHomePage()">
        <img src="${s.base}/mobile/img/icon_1_1.png" alt="">
        <p>首页</p>
    </div>
    <div class="tarbarFont " onclick="goLinkMe()">
        <img src="${s.base}/mobile/img/icon_3_1.png?75411" alt="">
        <p>咨询我们</p>
    </div>
    <div class="tarbarFont active" onclick="goProduct()">
        <img src="${s.base}/mobile/newimages/yijia_0711.png?1254" style="width: 35px; height: 33px; padding-bottom: 2px;" alt="">
        <p>线上预约</p>
    </div>
    <!--
    <div class="tarbarFont" onclick="goLinkMe()">
        <img src="${s.base}/mobile/img/icon_4_1.png" alt="">
        <p>联系我们</p>
    </div>  -->
</div>
</body>

</html>
<!-- body 最后 -->
<script src="${s.base}/mobile/js/jquery.min.js"></script>
<script src="${s.base}/mobile/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="${s.base}/mobile/js/base.js"></script>
<script src="${s.base}/mobile/js/swiper.min.js"></script>
<script src="${s.base}/mobile/js/city-picker.min.js"></script>
<script type="text/javascript" src="${s.base}/mobile/js/simpler-sidebar.min.js"></script>
<script src="${s.base}/mobile/newjs/window_port.js"></script>
<script>
    $(".swiper-container").swiper()
    $(function() {
        $('#sucaihuo').simplerSidebar({
            opener: '#menu',
            sidebar: {
                align: 'left',
                width: 200
            }
        });
    });
</script>